﻿<template>
  <div class="exchangeCoupon">
		
		<div class="couponCode">
			<input type="number" placeholder="请输入优惠券码" @keyup="showClear" v-model="couponCode"/>
			<div class="clear" v-if="isFocus" @click="clearCouponCode">
				<img src="../img/coupon/e_duihuan_guanbi_icon@2x.png" alt="" />
			</div>
		</div>
		
		<div class="exchange" @click="exchange">兑换</div>
		
		<transition name="fade" v-on:after-enter="afterEnter">
			<div class="promptMsgBox" v-if="exchangeBool">
				<div class="promptMsg">{{promptMsg}}</div>
			</div>
		</transition>
		
  </div>
</template>

<script src="../js/views/exchangeCoupon.js"></script>

<style scoped>
	@import '../css/views/exchangeCoupon.css'
</style>
